<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" href="../../css/jqweui/lib/weui.min.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jquery-weui.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jqweui_extend.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_539359_q9xrtmlc8gp.css">
    <script src="../../script/plugins/jquery.min.js"></script>
    <script type="text/javascript" src="../../script/plugins/in/in-min.js"></script>
    <script type="text/javascript" src="../../css/jqweui/js/in-config.js"></script>
    <script src="../../css/jqweui/js/jquery-weui.js"></script>
    <script src="../../css/jqweui/js/util.js"></script>
    <style>
        .g-su-info{position: relative;width: 100%;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; padding: 10px;}
        .g-su-img{    width: 45px;height: 45px;top: 50%;margin-top: -23px;left: 10px; position: absolute;}
        .g-su-img .thumb{   width: 45px;height: 45px;border-radius: 50%;}
        .more-view{ padding:3px 10px;display: block;text-align: center;border-radius: 10px;font-size: 12px;background: #ff4900;color: #fff;position: absolute;right: 10px;top: 5px;}
        .g-su-item{ width: 100%; display: inline-block;    margin-left: 55px;padding: 5px 0;}
        .g-su-tit{border-bottom: 1px solid #d2d2d2;}
        .a-link{position: absolute; width: 100%; height: 100%;top: 0; }
    </style>
</head>
<body class="wrap">
<section class="mc-view-box">
    <div class="mc-header-box">
        <div class="mc-header bg-black">
            <a href="javascript:;" onclick="utils.back();" class="head-icon">
                <i class="iconfont icon-arrow-left"></i>
            </a>
            <div class="main-box head-title text-left">
                销售订单
            </div>
            <a href="javascript:;" class="head-icon">添加</a>
        </div>
    </div>
    <div class="mc-scrollview">
        <div class="weui-cells weui-cells_form">
            <div class="g-su-info">
                <span class="more-view">执行中</span>
                <a href="111.html" class="a-link"></a>
                <div class="g-su-img">
                    <img  class="thumb" src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=4026819173,3802002205&fm=173&app=25&f=JPG?w=218&h=146&s=F40CFE1E09424CCA1244A9EF0300307A" alt="">
                </div>
                <div class="g-su-item">
                    <div class="g-su-tit">
                        <div class="g-su-name" >苏晨珑</div>
                        <div class="g-su-time">2018年7月23日10:23:09</div>
                    </div>
                    <div>
                        成交客户：小绿
                        物品：
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
</body>
</html>